<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=">
<title>平台公告</title>
</head>
<style>
*{
	margin:0;
	padding:0;
}
.title{
	width: 100%;	
	height:34px;
	line-height:34px;
	background-color:#d73021;
	position: fixed;
   	z-index: 100;
   	border-top-left-radius: 8px;
   	border-top-right-radius: 8px;
}
.title_nr{
	width: 100%;	
	height:34px;
	line-height:34px;
	font-size:17px;
	color:#fff;
    text-align: center;
    border-top-left-radius: 8px;
   	border-top-right-radius: 8px;
}
.off{
	color:#fff;
	font-size: 25px;
	top:0;
	right:10px;
	position:absolute;
	z-index: 101;
}
.content{
	width:100%;
    position: absolute;
    top: 40px;
}

.left ul .list_title{
	height:32px;
	line-height:40px;
	border-bottom: 1px solid #f1efef;
   list-style: none;
	line-height:32px;
}
.left ul li{/*padding:0 18px;*/width:100%;line-height:33px;}
.left ul li span{
	display:block;
	padding-left:5px;
	color:#5a8ce8;
	float:left;
	
}
.left{overflow: auto;height:80%;}
.left ul li .list_title span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left ul li i{
	margin-top:12px;
	width:8px;
	height:8px;
	display:block;
	margin-left:6px;
	border-radius: 50%;
	float:left;margin-right:6px;
	background:#d73021;
	
}
.right{
	width:79%;
	height:415px;
	float:left;
	display:none;
}
.right-title{
	height:70px;
	line-height:70px;
    color: red;
    text-align: center;
    margin-left: 30px;
	border-bottom: 1px solid #f1efef;
}
.cur{
	background:#f3f1f1;
}
.right-content{
	margin-left: 15px;
    margin-top: 15px;
	height:329px;
	
}
.list_content{
	display:none;
	font-size: 14px;
}
.list_content span{
display:block;padding:0 3%;text-indent: 24px;color:#666;width:94%;
}
.list_content span img{display:block;width:95%;margin:0 auto;}
#know{width:100px;height:30px;line-height:30px;background:red;color:#fff;border-radius: 4px;text-align: center;position:fixed;bottom:10px;margin-left:-50px;left:50%;}
</style>
<body>
<!--<div style="width:80%;overflow: auto;height:88%;">-->
	

<div class="title"><div  class="title_nr">平台公告</div><span class="off">×</span></div>
<div class="content" style="overflow: auto;height:90%;">
	<div class="left">
		<ul>
		{volist name="list" id="vo" key="key"}
			<li class="list_title" id="title_{$vo.id}"><i></i><span data-value="{$vo.id}">{$vo.title}</span></li>
			<li class="list_content teshu" id="content_title_{$vo.id}" is_click='yes'><span >{$vo.ggtext}</span></li>
		{/volist}
		</ul>
	</div>
	
</div>
<!--</div>-->
<div id="know">我知道了</div>
</body>
<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
	$(".off").click(function(){
		var index = parent.layer.getFrameIndex(window.name); 
		parent.layer.close(index);
	})
	$("#know").click(function(){
		var index = parent.layer.getFrameIndex(window.name); 
		parent.layer.close(index);
	})
	

    $(".left .list_title").click(function(){
    	$(".left .teshu").slideUp(200)
    	var identify=$(this).attr('id')
		if($('#content_'+identify).css('display')=='none'){
		  $('#content_'+identify).slideDown(200)
	    }else{
			$('#content_'+identify).slideUp(200)
           
		}
	})
</script>
</html>